@font-face{
    font-family: mon_font;
    src: url('../../../assets/font/mon/MQG8200.ttf');
}

#type{
    position: relative;
    overflow-y: auto;
    background: #f0f2f5;
    header{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        font-size: 17px;
        height: 50px;
        line-height: 50px;
        box-shadow: 0 2px 8px #f0f1f2;
        padding-left: 20px;
        font-weight: 500;
        z-index: 999;
        background: #fff;
    }
    .content{
        width: 100%;
        // display: flex;
        background: #fff;
        margin: 24px;
        margin-top: 75px;
        // height: 100%;
        padding: 10px 24px 24px 24px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        .btn_group{
            width: 40px;
            writing-mode: vertical-lr;
            margin: 10px 0;
            button{
                width: 36px;
                height: 155px;
                line-height: 155px;
                font-family: mon_font;
                margin-right: 10px;
                font-size: 18px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }
        .table {
            margin-left: 10px;
            width: calc(100% - 40px);
        }
    }
}
.viewStyleMain{
    display: flex;
    width: 120px;
    justify-content:space-around;
    margin-top: 15px;
    .viewStyle{
        background: #cccccc;
    }
}
